@charset "utf-8";
.fy-search-result-wrap {
  width: 100%;
  position: relative;
  padding: 0px 22px;
  .search-result-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    .title {
      font-family: Microsoft YaHei;
      font-weight: 400;
      padding: 10px 0 0 0;
      display: inline-block;
      position: absolute;
      top: 0px;
      i.right-arrow-icon {
        width: 12px;
        height: 12px;
        display: inline-block;
        background: url("~@img/searchResult/right-arrow-icon.png") no-repeat;
        background-size: 100%;
        vertical-align: middle;
        margin-right: 5px;
        margin-left: 5px;
      }
      span {
        display: inline-block;
        vertical-align: middle;
      }
    }
  }
  .search-result-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 15px;
    display: inline-block;
    margin-left: 75px;
    margin-right: 200px;
    ul {
      display: inline-block;
      li {
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        margin-bottom: 5px;
        cursor: pointer;
        text-align: center;
        span {
          position: relative;
          vertical-align: middle;
          display: inline-block;
        }
        i.close-icon {
          position: absolute;
          display: inline-block;
          width: 20px;
          height: 40px;
          background: url("~@img/searchResult/close-icon.png") no-repeat;
          background-size: 100%;
          background-position-y: 11px;
          right: 0px;
          top: 0px;
          cursor: pointer;
          border-top-right-radius: 18px;
          border-bottom-right-radius: 18px;
          &:hover {
            background: url("~@img/searchResult/close-icon-hover.png") no-repeat;
            @include themify() {
              background-color: themed('search-results-bg-color');
            }
            background-size: 100%;
            background-position-y: 11px;
          }
        }
        i.right-arrow-icon {
          position: relative;
          left: 40px;
          width: 12px;
          height: 12px;
          display: inline-block;
          background: url("~@img/searchResult/right-arrow-icon.png") no-repeat;
          background-size: 100%;
          vertical-align: middle;
          cursor: default;
        }
      }
      li.list-style {
        padding: 10px 26px 10px 20px;
        background: rgba(255, 255, 255, 1);
        box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.08);
        border-radius: 18px;
        line-height: 20px;
      }
    }
  }
}